<template>
	<el-container >
		<el-main class="avoidance">
			<el-tabs v-model="activeName" class="demo-tabs" >
			<el-tab-pane :label="item.name" :name="item.key" :key="item.key" v-for="(item) in mockData">
				<div v-html="item.content"></div>
			</el-tab-pane>
		</el-tabs>
		</el-main>
	</el-container>
</template>
<script lang="ts" setup>
import { mockData } from './index' 
import { ref } from 'vue'
const activeName = ref('1')
</script>
<style lang="scss" scoped> 
.el-container {
    width: 100%;
    height: 100%;
    padding: 20px;
}
.avoidance {
    width: 100%;
    height: 100%;
    background-color: white;
    border: 1px solid #E4E7ED;
    border-radius: 2px;
    overflow: auto;
}
</style>
